<template>
    <el-descriptions
      class="margin-top"
      :column="1"
      :size="size"
      border
      style="padding-top: 0px;padding: 15px;"
    >
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            上市日期
          </div>
        </template>
        1900/01/01
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
           认购率（倍）
          </div>
        </template>
       0
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            发售价（港元）
          </div>
        </template>
        0.000
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            每股调整有形资产净值（港元）
          </div>
        </template>
       
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            发售总数（股）
          </div>
          
        </template>
       0
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            集资金额（港元）
          </div>
        </template>
       
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            所得数项净额（港元）
          </div>
        </template>
       
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            保荐人
          </div>
        </template>
       
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
          
            包销商
          </div>
        </template>
       
      </el-descriptions-item>
    </el-descriptions>
  
  
  </template>
  
  <script setup lang="ts">
  import { computed, onMounted, ref } from 'vue'
  import {
    Iphone,
    Location,
    OfficeBuilding,
    Tickets,
    User,
  } from '@element-plus/icons-vue'
import { getListStatistics } from '@/api/axios/reqTest'
  
  const size = ref('')
onMounted(()=>{
  getListStatistics()
})
 
  </script>
  
  <style scoped>
  :deep(.el-descriptions__label.el-descriptions__cell.is-bordered-label){
    color: var(--el-text-color-regular);
    background: var(--labeldescribtion) !important;
  }
:deep(.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell){
    width: 50vw;
    background-color: var(--descrition);
    color:var(--descritioncolor);
    border:4px solid var(--descritionboder)
}
  .cell-item {
    display: flex;
    align-items: center;
  }
 
  </style>
  